/* 页面元素rem 计算公式：元素  / html字体大小(50) */


/* 头部 */

.heard_top {
    box-sizing: border-box;
    padding: 0 0.6rem;
    position: relative;
    height: 2.14rem;
    width: 100%;
    background-color: white;
    /* 左菜单栏 */
    /* 中间标题 */
    /* 用户中心 */
}

.heard_top .menubar {
    color: #4d4d4d;
    height: 1.2rem;
    width: 1.2rem;
    /* background-color: skyblue; */
}

.heard_top .menubar::before {
    content: '';
    font-size: 0.75rem;
    font-family: 'icomoon';
}

.heard_top .centerT {
    height: 100%;
    width: 11.52rem;
    /* background-color: red; */
}

.heard_top .centerT .logo {
    display: block;
    height: 0.9492rem;
    width: 1.44rem;
    /* background-color: palegoldenrod; */
    background: url('../logo.png') no-repeat;
    background-size: 100%;
}

.heard_top .centerT .name {
    margin: 0 0.24rem;
    display: block;
    font-size: 0.8rem;
    font-weight: 400;
}

.heard_top .user {
    position: absolute;
    right: 0.6rem;
    height: 0.768rem;
    width: 0.768rem;
    /* background-color: skyblue; */
    color: #333;
}

.heard_top .user a {
    display: block;
    /* position: relative; */
    line-height: 0.768rem;
    height: 100%;
    width: 100%;
    /* background-color: gray; */
}

.heard_top .user a::before {
    /* position: absolute;
                top: (-0.5rem); */
    content: '';
    font-family: 'icomoon';
    font-size: 0.8rem;
}


/* 各种盒子头部 */


/* - xxx - 类型 盒子头部 */

.box_top {
    background-color: white;
    position: relative;
    border-bottom: 0.002rem solid #f0f0f0;
    height: 1.92rem;
}

.box_top .box_top_name {
    display: block;
    width: 100%;
    line-height: 1.92rem;
    text-align: center;
    font-size: 0.6469rem;
    font-weight: bolder;
    color: #333333;
}

.box_top .box_top_more {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.7rem;
    color: #cecece;
    font-weight: 300;
}


/* | xx 类型盒子头部 */

.box_top_two {
    padding-left: 0.7rem;
    width: 100%;
    height: 1.936rem;
    border-bottom: 0.04313rem #f3f3f3 solid;
    border-radius: 0.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: outset 0 0 5px rgba(0, 0, 0, 0.2);
    background-color: white;
    color: #333333;
}

.box_top_two .litter_box {
    margin-right: 0.46rem;
    height: 0.6rem;
    width: 0.12rem;
    border-radius: 0.084rem;
    background-color: #3285ff;
}

.box_top_two .box_name {
    font-size: 0.69003rem;
}


/* 标题   更多 类型盒子头部 */

.box_top_three {
    background-color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.04313rem #f3f3f3 solid;
    width: 100%;
    height: 2.0732rem;
}

.box_top_three h5 {
    margin-left: 0.7rem;
    font-size: 0.7rem;
    font-weight: bolder;
    color: #333333;
}

.box_top_three a {
    margin-right: 0.7rem;
    font-size: 0.56rem;
    color: #a1a1a6;
}


/* footer */

.footer {
    /* background-color: pink; */
    padding: 0.72rem 0;
    font-size: 0.55rem;
    color: #bfbfc3;
    text-align: center;
    width: 100%;
    height: 5.2rem;
}

.footer .footer_one::after {
    content: '|';
    padding: 0 0.3rem;
    line-height: 0.74rem;
}


/* 底部导航 */

.footer_nav {
    position: fixed;
    bottom: 0;
    background-color: white;
    width: 15rem;
    height: 1.9rem;
}

.footer_nav .footer_nav_list {
    display: flex;
    height: 100%;
}

.footer_nav .footer_nav_list a[class^='footer_nav_btn'] {
    flex: 1;
}

.footer_nav .footer_nav_list a {
    flex-wrap: nowrap;
    flex-flow: column;
    color: #000;
}

.footer_nav .footer_nav_list a i {
    display: block;
    /* background-color: skyblue; */
    height: 0.7rem;
    width: 0.7rem;
    font-family: 'icomoon';
    font-size: 0.7rem;
    text-align: center;
    line-height: 0.7rem;
}

.footer_nav .footer_nav_list a span {
    font-size: 0.43127rem;
}


/* 左导航栏 */

.nav_intheleft {
    display: none;
    z-index: 999;
    position: fixed;
    left: -60%;
    top: 0;
    /* left: 0; */
    height: 100%;
    width: 60%;
    background-color: #fff;
    /* background-color: pink; */
    box-shadow: 0rem 0rem 0.60377rem rgba(0, 0, 0, 0.21);
}

.nav_intheleft .nav_left .nav_left_in {
    height: 100%;
    width: 100%;
    /* background-color: orangered; */
}

.nav_intheleft .nav_left .nav_left_in .nav_list {
    /* display: flex; */
    flex-direction: column;
    height: 100%;
    width: 100%;
    /* background-color: pink; */
    font-size: 0.7rem;
}

.nav_intheleft .nav_left .nav_left_in .nav_list a {
    /* flex: 1; */
    padding-left: 1rem;
    transform: translateX(-100%);
    box-sizing: border-box;
    height: 2.06rem;
    width: 100%;
    line-height: 2.10222222rem;
    color: #7b8386;
}

.nav_intheleft .nav_left .nav_left_in .nav_list a span {
    float: left;
    padding-right: 0.8rem;
    font-family: 'icomoon';
    /* color: rgba(123,131,134,1); */
}

.nav_intheleft .nav_left .nav_left_in .nav_list a p {
    font-size: 0.6rem;
    /* color: #000; */
}

.nav_intheleft .nav_left .nav_left_in .nav_list a .sy {
    font-weight: 400;
}

.nav_intheleft .nav_left .nav_left_in .nav_list a .zx {
    font-size: 0.7rem;
}

.nav_intheleft .nav_left .nav_left_in .nav_list .show {
    transform: translateX(0);
    transition: all 0.3s ease-out;
}

.nav_intheleft .nav_left .nav_left_in .nav_list .close {
    transform: translateX(-100%);
    transition: all 0.3s ease-out;
}


/* 跳转页尾 */

.near_parking_footer {
    background-color: white;
    height: 2.4rem;
    width: 100%;
    font-size: 0.7rem;
    font-weight: 400;
    color: #333;
}

.near_parking_footer button {
    font-family: 'icomoon';
    font-weight: 400;
    color: #ccc;
    background-color: unset;
}

.near_parking_footer .num {
    margin: 0 1rem;
    font-size: 0.6rem;
    line-height: 2.4rem;
    color: #666;
}

.near_parking_footer .num .now {
    color: #3285ff;
}

.near_parking_footer .num i {
    margin: 0 0.3rem;
}